<!doctype html>
<html lang="en" id="enroll_sign" v-cloak>
<head> 
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index_register.css">
</head>
<body>
    <div class='common-header'>
        <div class='left'>
            <a href="javascript:history.back()">
                <i class='iconfont icon-left'></i>
            </a>
        </div>
        <div class="middle">
            活动报名
        </div>
    </div>
    <div class='main'>
        <div style="text-align:center;font-size: 18px;line-height: 45px;">
            <div class="middle">
                基本信息
            </div>
        </div>
        <div class='controls'>
            <em>* </em>手机号码：
            <input type="number" placeholder="请输入" v-model="formObj.phone">
        </div>
        <div class='controls'>
            <em>* </em>验证码：
            <input type="number" placeholder="请输入验证码" v-model="formObj.code">
            <a v-on:click="sendCaptcha()">{{smsAvailable?'获取验证码':smsSeconds}}</a>
        </div>
        <div class='controls' style="height: 120px;">
            <form class="figure" method="post" enctype="multipart/form-data">
                <a href="javascript:;">
                    <input type="file" name="imgFile" id="figure" value="点击上传照片">
                    <em>* </em>点击上传照片
                </a>
            </form>
            <img :src="formObj.photo" height="100px;">
        </div>
        <div class='controls'>
            <em>* </em>姓名：
            <input type="text" placeholder="请输入" v-model="formObj.nickname">
        </div>
        <div class='controls'>
            <em>* </em>性别：
            <input type="radio" v-model="formObj.sex" value="男"> 男&nbsp;&nbsp;
            <input type="radio" v-model="formObj.sex" value="女"> 女
        </div>
        <div class='controls'>
            <em>* </em>出生日期：
            <input type="date" placeholder="请输入" v-model="formObj.birthday">
        </div>
        <div class='controls'>
            <em>* </em>身高：
            <input type="text" placeholder="请输入" v-model="formObj.height">
        </div>
        <div class='controls'>
            <em>* </em>体重：
            <input type="text" placeholder="请输入" v-model="formObj.weight">
        </div>
        <div class='controls'>
            <em>* </em>民族：
            <select v-model="formObj.nation" class="select">
                <option v-for="item in selections[7]" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>籍贯：
            <select v-model="formObj.nativePlace" class="select">
                <option v-for="item in selections[975]" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>职业：
            <select v-model="formObj.profession" class="select">
                <option v-for="item in selections[1010]" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>学历：
            <select v-model="formObj.education" class="select">
                <option v-for="item in selections[8]" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>婚姻状况：
            <select v-model="formObj.marry" class="select">
                <option v-for="item in selections[6]" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>住房状况：
            <select v-model="formObj.houseStatus" class="select">
                <option v-for="item in selections[467]" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>购车情况：
            <select v-model="formObj.carStatus" class="select">
                <option v-for="item in selections[463]" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>所在地区：
            <select v-model="formObj.area" class="select">
                <option v-for="item in cityList" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>自我介绍：
        </div>
        <textarea name="" id="" class="textarea" cols="30" rows="5" placeholder="请填写简单的自我介绍" v-model="formObj.introduction"></textarea>
        <div style="text-align:center;font-size: 18px;line-height: 45px;">
            <div class="middle">
                择偶条件
            </div>
        </div>
        <div class='controls'>
            <em>* </em>籍贯：
            <select v-model="formObj.mateNative" class="select">
                <option v-for="item in nativeList" v-bind:value="item.name">{{item.name}}</option>
            </select>
        </div>
        <div class='controls'>
            <em>* </em>年龄：
            <input type="text" placeholder="请输入" v-model="formObj.mateAge">
        </div>
        <div class='controls'>
            <em>* </em>收入：
            <input type="text" placeholder="请输入" v-model="formObj.mateIncome">
        </div>
        <div class='controls'>
            <em>* </em>身高：
            <input type="text" placeholder="请输入" v-model="formObj.mateHeight">
        </div>
        <div class='controls'>
            <em>* </em>学历要求<span>（可多选）</span>：
        </div>
        <div class="list">
            <span v-for="item in educationList" v-if="item.id!=''" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('educationList',$index)">
            {{item.name}}
            </span>
        </div>
        <div class='controls'>
            <em>* </em>婚姻状况<span>（可多选）</span>：
        </div>
        <div class="list">
            <span v-for="item in marriageList" v-if="item.id!=''" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('marriageList',$index)">
            {{item.name}}
            </span>
        </div>
        <div class='controls'>
            <em>* </em>所在地区<span>（可多选）</span>：
        </div>
        <div class="list" style="border-bottom: 1px solid #c3c3c3;">
            <span v-for="item in cityLists" v-if="item.id!=''" v-bind:class="{'checked':isChecked(item)}" v-on:click="pick('cityLists',$index)">
            {{item.name}}
            </span>
        </div>

        <a v-on:click="submit()" class='btn btn-origin' style="margin-top: 10px;">报名</a>
        <!--<a v-on:click="goPhoneBind()" class='btn btn-bind'>登录</a>-->
    </div>

</body>
<script>var app = 'enroll_sign';</script>
<script data-main="js/common/require_config" src="lib/requirejs/require.js"></script>
</html>